<template>
  <div>
    <!-- 目标: 给标签动态设置style的值 -->
    <!-- :style="{css属性: 值}" -->
    <p :style="{ backgroundColor: 'red' }">
      :style="{css属性: 值} 值要''即 'red'
    </p>
    <p :style="{ backgroundColor: red }">值没有''即red--错误</p>
    <p :style="{ backgroundColor: redStr }">
      值没有''即redStr--是变量,要在data中添加值
    </p>
  </div>
</template>
    
<script>
export default {
  data() {
    return {
      redStr: "red",
    };
  },
};
</script>

<style>
</style>